/* 按钮基本样式 */
.mybutton {
  display: inline-block;
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  border: 1px solid #dcdcdc;
  border-radius: 0.5rem;
  cursor: pointer;
}

.mybutton:hover {
  background-color: #eeeeee;
}

/* 容器btn1的样式效果 */
.btn1 .mybutton {
  background-color: #0000ff;
  border-color: transparent;
  color: #ffffff;
}

.btn1 .mybutton:hover {
  background-color: #0000aa;
}

/* 容器btn2的样式 */
.btn2 .mybutton {
  border-color: transparent;
  background-color: #ff0000;
  color: #ffffff;
}

.btn2 .mybutton:hover {
  background-color: #aa0000;
}

/* 激活图标效果相关样式 */
.wx span {
  display: inline-block;
  background-color: #ff0000;
  color: #ffffff;
  margin: 0.5rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.wx .active {
  background-color: #0000ff;
}
